<template>
  <nuxt-link :to="url" class="product-card d-block mb20">
    <div>
      <img :src="pro.img" class="w100p" alt="">
    </div>
    <p class="clr5 fz14 fwb mb1">{{pro.title}}</p>
    <p class="clr7 fz12 mb1">{{pro.desc}}</p>
    <p class="clr2 fwb fz16">￥{{pro.price}}</p>
  </nuxt-link>
</template>

<script>
    export default {
      props: {
        pro: {
          type: Object,
          default () {
            return {}
          }
        },
        url: {
          type: [Object, String],
          default(){
            return ''
          }
        }
      }
    }
</script>

<style scoped>

</style>
